<template>
  <h1 class="collaps">Collapse 组件用例</h1>
  <p>Collapse 用于切换用户想展示的内容。</p>

  <Demo :component="Collapse1Demo" />
  <Demo :component="Collapse2Demo" />
</template>

<script lang="ts">
import Demo from "../../components/Demo.vue";
import Collapse1Demo from "../../components/Collapse1.demo.vue";
import Collapse2Demo from "../../components/Collapse2.demo.vue";

export default {
  components: {
    Demo,
  },
  setup() {
    return {
      Collapse1Demo,
      Collapse2Demo,
    };
  },
};
</script>
<style lang="scss" scope>
h1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
}
p {
  text-align: left;
}
pre {
  text-align: left;
}
</style>